<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-13 09:20:15
 * @LastEditors: Please set LastEditors
<<<<<<< HEAD
 * @LastEditTime: 2021-09-28 20:00:34
=======
 * @LastEditTime: 2021-09-28 19:47:16
>>>>>>> e699afd0ec99cdd6917167fcb705b4b49f5d670b
-->
<template>
  <div class="head">
    <div class="wrapper">
      <div class="logo"><img  width="100%" height="100%" src="https://img2.baidu.com/it/u=3960758141,3497459548&fm=11&fmt=auto&gp=0.jpg" alt=""></div>
      <div class="title"><a href="http://192.168.43.21:3000/#/home">行学天下</a></div>
      <div class="nav">
        <ul>
          <li><a href="https://www.baidu.com">学术公告</a></li>
          <li><a href="https://www.baidu.com">学术要闻</a></li>
          <li><a href="https://www.baidu.com">咨询</a></li>
          <li><a href="https://www.baidu.com">科技</a></li>
          <li> <router-link to="/apply">文化</router-link> </li>
        </ul>
      </div>
      <div class="tel"><a href="https://www.baidu.com">联系我们</a></div>
    </div>

  </div>
</template>
<script>
export default {
  
}
</script>
<style lang="scss" scoped>
.head{
  height: 60px;
  background: white;
  padding: 7px 0;
  border: 1px solid white;
  box-shadow:0 2px 5px #ccc;
  margin: 0px;
  .wrapper{
    .logo{
      height: 50px;
      width: 50px;
      border-radius: 50%;
    }
    line-height: 60px;
    div{
      float: left;
    }
    .title{
      font-size: 20px;
      font-weight: 700;
      padding: 0 1em;
      margin-bottom: 0px;
    }
    .nav{
      li{
        float: left;
        padding: 0 1em;
      }
    }
    .tel{
      float: right;
    }

  }

}


</style>
